{{ .treegrid }}

<!-- 添加菜单 -->
<div id="system_menu_add_dialog" class="easyui-dialog" title="添加菜单"
     data-options="
     modal:true,
     closed:true,
     iconCls:'icons-application-application_add',
     buttons:[{
        text:'确定',
        iconCls:'icons-other-tick',
        handler:function(){
            $('#system_menu_add_dialog_form').submit();
        }},
        {
        text:'取消',
        iconCls:'icons-arrow-cross',
        handler:function(){$('#system_menu_add_dialog').dialog('close');}}
     ]"
     style="width:500px;height:500px;"></div>

<!-- 编辑菜单 -->
<div id="system_menu_edit_dialog" class="easyui-dialog" title="编辑菜单"
     data-options="modal:true,closed:true,iconCls:'icons-application-application_edit',buttons:[{text:'确定',iconCls:'icons-other-tick',handler:function(){$('#system_menu_edit_dialog_form').submit();}},{text:'取消',iconCls:'icons-arrow-cross',handler:function(){$('#system_menu_edit_dialog').dialog('close');}}]"
     style="width:500px;height:500px;"></div>

<script type="text/javascript">
    //工具栏
    var system_menulist_treegrid_toolbar = [
        {text: '添加菜单', iconCls: 'icons-arrow-add', handler: systemMenuAdd},
        {text: '刷新', iconCls: 'icons-arrow-arrow_refresh', handler: systemMenuRefresh},
        {text: '排序', iconCls: 'icons-arrow-arrow_down', handler: systemMenuOrder}
    ];

    //排序格式化
    function systemMenuOrderFormatter(val, arr) {
        return '<input class="system_menu_order_input" type="text" name="order[' + arr['id'] + ']" value="' + val + '" size="2" style="text-align:center">';
    }
    //操作格式化
    function systemMenuOperateFormatter(id, arr) {
        return '<div class="btn-group-sm"><button type="button" class="btn btn-default" onclick="systemMenuEdit(' + id + ')">编辑</button>' +
            '<button type="button" class="btn btn-danger" onclick="systemMenuDelete(' + id + ')">删除</button></div>';
    }
    //刷新
    function systemMenuRefresh() {
        $('#system_menu_list').treegrid('reload');
    }
    //添加
    function systemMenuAdd(parentid) {
        if (typeof(parentid) !== 'number') parentid = 0;
        var url = "/b/system/menu-add";
        url += url.indexOf('?') !== -1 ? '&parentid=' + parentid : '?parentid=' + parentid;
        var id = 'system_menu_add_dialog';
        $('#' + id).dialog({href: url});
        $('#' + id).dialog('open');
    }
    //编辑
    function systemMenuEdit(id) {
        if (typeof(id) !== 'number') {
            $.messager.alert('提示信息', '未选择菜单', 'error');
            return false;
        }
        var url = "/b/system/menu-edit";
        url += url.indexOf('?') !== -1 ? '&id=' + id : '?id=' + id;
        var id = 'system_menu_edit_dialog';
        $('#' + id).dialog({href: url});
        $('#' + id).dialog('open');
    }
    //删除
    function systemMenuDelete(id) {
        if (typeof(id) !== 'number') {
            $.messager.alert('提示信息', '未选择菜单', 'error');
            return false;
        }
        $.messager.confirm('提示信息', '确定要删除吗？', function (result) {
            if (!result) return false;
            $.post('/b/system/menu-delete', {id: id}, function (res) {
                if (res.errcode) {
                    $.messager.alert('提示信息', res.errmsg, 'error');
                } else {
                    $.messager.alert('提示信息', res.errmsg, 'info');
                    systemMenuRefresh();
                }
            }, 'json');
        });
    }
    //排序
    function systemMenuOrder() {
        $.post('/b/system/menu-order', $('.system_menu_order_input').serialize(), function (res) {
            if (res.errcode) {
                $.messager.alert('提示信息', res.errmsg, 'error');
            } else {
                $.messager.alert('提示信息', res.errmsg, 'info');
                systemMenuRefresh();
            }
        }, 'json');
    }
</script>